<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>永和小票</title>
		<style>
			body {
				/*对整个body进行修饰*/
				width: 265px;
				font-size: 14px;
				/*字体大小*/
			}

			.please {
				font-size: 23px;
				font-weight: bold;
				/* 字体加粗 */
			}

			.self {
				/* pading 修饰4周（空出像素） 顺序：上右下左*/
				font-size: 10px;
				padding-left: 99px;
				/* 左边一定距离 */
			}

			.img {
				padding-left: 65px;
			}

			.note {
				padding-top: 20px;
				/* 上空 */
				padding-bottom: 15px;
				/* 下空 */
				margin-top: 20px;
				/* 上空 */
				margin-bottom: 15px;
				/* 下空 */
			}

			.idc {
				font-size: 20px;
				font-weight: bold;
			}

			hr {
				
				border: 0.03125rem dashed;
				/* solid:实线   dashed:虚线*/
			}
		</style>
	</head>
	<body>
		<!-- <div>自动换行，span不换行 -->
		<div>顾客联</div>
		<div class="please" align="center">请您留意取餐账单号</div>
		<div class="self">自取顾客联</div>
		<div>永和大王(成都高新店)</div>
		<div>010-8888889</div>
		<div align="center">--结账单--</div>
		<div class="idc">账单号:888883</div>
		<div>账单类型:堂食</div>
		<div>人数:1</div>
		<div>收银员:</div>
		<div>开单时间:2020-02-02 08:03:32</div>
		<div>结账时间:2020-02-02 08:04:58</div>
		<!--表格是没有列的 -->
		<hr>
		<table border="0">
			<tr>
				<td width="37">数量</td>
				<!-- align横向排列：left居中，center居中，right居中 -->
				<td width="162">品项</td>
				<td width="35" align="center">金额</td>
			</tr>
			<tr>
				<td valign="top">1</td>
				<td>玉米肉松蛋饼2P<br />
					<!--换行-->
					1 X --玉米肉松蛋饼<br />
					<!--换行 -->
					1 X --现磨豆浆(热/甜)
				</td>
				<td valign="baseline" align="right">8.00</td>
			</tr>
		</table>
		<table border="0">
			<tr>
				<td width="205">合计</td>
				<td width="35" valign="baseline" align="right">8.00</td>
			</tr>
			<tr>
				<td>微支付</td>
				<td valign="baseline" align="right">8.00</td>
				<!-- 七个空格等价于两个汉字 &nbsp -->
			</tr>
			<hr>

		</table>
		<hr>

		<div>打印时间:2020-02-02-08:35</div>
		<hr>
		<div class="note">
			内容待定！！
		</div>



		<img class="img" src="images/index.png" width="150" /><br /><br />

		<div>官网:www.baidu.com</div>
		<div>加盟热线: 080-888888</div><br />
	</body>
</html>
